/* 
    Document   : style.theme
    Created on : Jun 29, 2012, 11:02:44 PM
    Author     : mirza
    Description:
        Purpose of the stylesheet follows.
*/


input {
    height:26px; 
    border: 2px solid #999999; padding: 0px 2px; -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px;
}

.AgreeInput input {
    height:15px;
}

textarea {
    height: 100px; resize: none;
    border: 2px solid #999999; padding: 0px 2px; -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px;
}

input.button {
    color: #000; font-size: 14px; font-weight: bold; border: #333 1px solid;
    background: url(../images/button-bg.jpg) repeat-x #ccc center; 
    width:260px; cursor: pointer;
}

input.button:hover {
    background: url(../images/button_hover-bg.jpg) repeat-x #ccc center; 
    border: #666 1px solid; color:#333
}

input.button.red {
    background: url(../images/red-bg.jpg) repeat-x #ff0000 center; 
    color: #fff;
}

input.button.back {
    width: 100px;
    background: url(../images/button_green-bg.jpg) repeat-x #ff0000 center; 
}
input.button.back:hover {
    width: 100px;
    background: url(../images/button_light_green-bg.jpg) repeat-x #ff0000 center; 
}

input.button.submit {
    background: url(../images/button_submit-bg.jpg) repeat-x #203A53 center; 
    color:#fff;
    
}
input.button.submit:hover {
    background: url(../images/button_submit_hover-bg.jpg) repeat-x #203A53 center; 
    
}
input.button.Dialog{
    width: 200px; font-weight: bold;
}

input.Disabled {
    background: #ccc;
}
/*
    REDIRECTING PAGE
*/
#Redirecting-Overlay {
    background: #000; width: 100%; min-height: 100%;
    position: fixed; opacity: 0.15; top:0px;
}
#Redirecting-Container { 
    position:absolute; top:50%; width:100%;
    margin-top: -20px;
}

#Redirecting-Container div { 
    margin:auto; width:225px
}

#Redirecting-Container h3 { 
    margin:5px 5px
}


.Debug {
    font-style: italic;
    border:1px dashed #666; padding:10px; margin:10px 0px;
    background: #ccc;
}

.Debug h3.Error {
    color:#ff0000;
}



/* MINI TABLE: List Style */
.MiniTable { width: 100%; height: 20px }
.MiniTable ul {  }
.MiniTable ul li {
    float:left; list-style: none; 
}
.MiniTable ul .FieldCaption {
    font-weight: bold; width: 200px;
}
.MiniTable ul .FieldSeparator {
    font-weight: bold; width: 50px;
    text-align: center;
}
/* ====================== */


